.myIncome{ position: relative; min-height: 100%;}
.myIncome .writing_right{ padding-left: 180px; height: calc(100vh - 210px); position: relative;}
.myIncome .TitleList{ padding: 20px; padding-right: 0;}
.myIncome .TitleList .TitleList_padding{ background: #f1f5fe; position: fixed; right: 30px; top: 62px; width: calc(100% - 324px); padding: 20px 0px; padding-bottom: 12px;}
.myIncome .TitleList .TitleList_top{ background: #fff; border-radius: 4px; padding: 28px; display: flex; align-items: center; justify-content: space-between;}
.myIncome .TitleList .TitleList_top .pointsdetails_title_left{ width: 100%;}
.myIncome .TitleList .TitleList_top .TitleList_top_title{ font-size: 18px; color: #22242c; font-weight: bolder; display: flex; align-items: center;}
.myIncome .TitleList .TitleList_top .TitleList_top_title span{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 11px;}
.myIncome .TitleList .TitleList_top .TitleList_top_title span::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #3662eb; margin-bottom: 3px;}
.myIncome .TitleList .TitleList_top .TitleList_top_title span::after{ content: ""; display: inline-block; width: 4px; height: 14px; border-radius: 100px; background: #3662eb; margin-bottom: 3px;}
.myIncome .TitleList .TitleList_top .TitleList_top_content{ display: flex; align-items: center; justify-content: space-between; margin-top: 35px; padding: 0px 105px;}
.myIncome .TitleList .TitleList_top .TitleList_top_content .top_content_list{ text-align: center;}
.myIncome .TitleList .TitleList_top .TitleList_top_content .top_content_list .content_list_dd{ margin-bottom: 15px; font-size: 13px; color: #474b5a;}
.myIncome .TitleList .TitleList_top .TitleList_top_content .top_content_list .content_list_dt{ font-size: 18px; color: #22242c; position: relative;}
.myIncome .TitleList .TitleList_top .TitleList_top_content .top_content_list .content_list_dt .list_dt_btn{ font-size: 13px; color: #3662eb; display: inline-block; padding: 5px 10px; border-radius: 100px; background: #e8eeff; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); cursor: pointer;}


.myIncome .TitleList .pointsdetails_title_right{ display: flex; flex-direction: column; align-items: flex-end;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dd{ display: flex; align-items: center; font-size: 13px; color: #474b5a; margin-bottom: 17px;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dd span{ background: #e8eeff; border-radius: 100px; font-size: 13px; color: #474b5a; height: 24px; padding: 0px 11px; display: flex; align-items: center; margin-left: 2px;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dt{ display: flex; align-items: center;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dt .el-button{ border: 0; padding: 12px 0px;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dt .el-button:hover{ background: #fff;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dt span{ display: flex; align-items: center; font-size: 13px; color: #3662eb;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dt span i{ margin-right: 7px;}
.myIncome .TitleList .pointsdetails_title_right .title_right_dt .right_dt_btn{ margin-left: 20px; width: 110px; height: 34px; border-radius: 4px; font-size: 13px; color: #fff; background: #3662eb; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.myIncome .pointsdetails_content{ background: #fff; border-radius: 4px; padding: 28px 0px; margin-top: 173px;}
.myIncome .allflow .allflow_content .allflow_content_list{ display: flex; justify-content: space-between; padding: 0px 30px; border-bottom: 1px solid #f2f6fe;}
.myIncome .allflow .allflow_content .allflow_content_list .content_list_li{ font-size: 13px; color: #474b5a; padding: 20px 0px; width: 20%;}
.myIncome .allflow .page{ margin-top: 25px; padding: 0px 28px;}
.myIncome .Preview{ position: fixed; left: 0; top: 0; z-index: 5; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: rgba(255,255,255,.55);}
.myIncome .Preview .Preview_content{ width: calc(551px - 60px); background: #fff; border-radius: 10px; box-shadow: 0px 0px 80px rgba(0,0,0,.1); padding: 0px 30px; padding-bottom: 42px;}
.myIncome .Preview .Preview_content .Preview_content_title{ display: flex; align-items: center; justify-content: space-between; padding: 20px 0px; border-bottom: 1px solid #f2f6fe; margin-bottom: 22px;}
.myIncome .Preview .Preview_content .Preview_content_title .content_title_left{ display: flex; align-items: center; font-size: 18px; color: #22242c; font-weight: bolder;}
.myIncome .Preview .Preview_content .Preview_content_title .content_title_left span{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 11px;}
.myIncome .Preview .Preview_content .Preview_content_title .content_title_left span::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #3662eb; margin-bottom: 3px;}
.myIncome .Preview .Preview_content .Preview_content_title .content_title_left span::after{ content: ""; display: inline-block; width: 4px; height: 14px; border-radius: 100px; background: #3662eb; margin-bottom: 3px;}
.myIncome .Preview .Preview_content .Preview_content_title .content_title_right i{ font-size: 24px; cursor: pointer; color: #abaeb6;}
.myIncome .Preview .Preview_content .Preview_content_txt{ height: 610px; overflow: auto; padding-right: 30px;}
.myIncome .Preview .Preview_content .Preview_content_txt .content_txt_title{ font-size: 22px; color: #000; font-weight: bolder; margin-bottom: 20px;}
.myIncome .Preview .Preview_content .Preview_content_txt .content_txt_top{ font-size: 18px; color: #22242c; margin-bottom: 20px;}
.myIncome .Preview .Preview_content .Preview_content_txt .content_txt_bottom .txt_bottom_list{ margin-bottom: 25px;}
.myIncome .Preview .Preview_content .Preview_content_txt .content_txt_bottom .txt_bottom_list:last-child{ margin-bottom: 0;}
.myIncome .Preview .Preview_content .Preview_content_txt h2{ font-size: 18px; color: #22242c; margin-bottom: 20px;}
.myIncome .Preview .Preview_content .Preview_content_txt p{ font-size: 15px; color: #474b5a; line-height: 23px; margin-bottom: 15px;}
.myIncome .Preview .Preview_content .Preview_content_txt li{ font-size: 15px; color: #474b5a; line-height: 24px;}
.myIncome .Preview .Preview_content .Preview_content_txt::-webkit-scrollbar-track {
    background-color: #eaeef7;
} /* 滚动条的滑轨背景颜色 */
.myIncome .Preview .Preview_content .Preview_content_txt::-webkit-scrollbar-thumb {
    background:#3662eb; 
} /* 滑块颜色 */
.myIncome .Preview .Preview_content .Preview_content_txt::-webkit-scrollbar-button {
    background-color: #eaeef7;
} /* 滑轨两头的监听按钮颜色 */
.myIncome .Preview .Preview_content .Preview_content_txt::-webkit-scrollbar-corner {
    background-color: #eaeef7;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
.myIncome .Preview .Preview_content .Preview_content_txt::-webkit-scrollbar {
width: 3px;
height: 0px;
} /* 这是针对缺省样式 (必须的)*/
.myIncome .Preview .Preview_content .Preview_content_btn{ display: flex; align-items: center; justify-content: center; margin-top: 25px;}
.myIncome .Preview .Preview_content .Preview_content_btn .content_btn_list{ font-size: 13px; width: 110px; height: 34px; border-radius: 4px; display: flex; align-items: center; justify-content: center; border: 0; padding: 0; cursor: pointer;}
.myIncome .Preview .Preview_content .Preview_content_btn .content_btn_list.close{ background: #dcdee6; color: #474b5a; margin-right: 11px;}
.myIncome .Preview .Preview_content .Preview_content_btn .content_btn_list.copy{ background: #3662eb; color: #fff;}
.myIncome .withdraw .Edit_content{ margin-bottom: 38px;}
.myIncome .withdraw .Edit_content .Edit_content_list{ display: flex; align-items: center; margin-bottom: 20px; justify-content: space-between;}
.myIncome .withdraw .Edit_content .Edit_content_list:last-child{ margin-bottom: 0;}
.myIncome .withdraw .Edit_content .Edit_content_list .content_list_dd{ width: 65px; font-size: 13px; color: #474b5a; text-align: right;}
.myIncome .withdraw .Edit_content .Edit_content_list .content_list_dt{ width: calc(100% - 85px);}
.myIncome .withdraw .Edit_content .Edit_content_list .content_list_dt b{ font-size: 18px; color: #474b5a;}
.myIncome .withdraw .Edit_content .Edit_content_list .content_list_dt .el-select{ width: 100%;}
.myIncome .withdraw .Edit_content .Edit_content_list.Edit_content_txt .content_list_dt{border: 1px solid #DCDFE6; border-radius: 4px; overflow: hidden;;}
.myIncome .withdraw .Edit_btn{ display: flex; align-items: center; justify-content: center;}
.myIncome .withdraw .Edit_btn button{ font-size: 13px; color: #fff; width: 110px; height: 34px; border-radius: 4px; background: #3662eb; display: flex; align-items: center; justify-content: center; border: 0; padding: 0; cursor: pointer;}



























































